﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>My First Map</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript" 
           src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2">
    </script>
    <script type="text/javascript">
        var map = null;
        var altitude = null;
        var LA = new VELatLong(33.7550, -84.3900, altitude, VELatLong.RelativeToGround);
        function getMap() {
            var myMap = document.getElementById("myMap");
            myMap.style.display = '';
            map = new VEMap('myMap');
            map.LoadMap(LA, 4, VEMapStyle.BirdseyeHybrid, false, VEMapMode.Mode3D, true, 1);
            //map.SetZoomLevel(21);
        }

    </script>

</head>
<body>
    <div id="myMap" style="position: relative; display:none; width:1000px; height:800px">
    </div>
    <input type="button" onclick="getMap();" value="Show Map" />
</body>
</html>